<template>
  <div class="demo">
    <p>
      <y-icon type="edit" :size="12"></y-icon>
      <y-icon type="share" :size="14"></y-icon>
      <y-icon type="remove" :size="16"></y-icon>
      <y-icon type="search" :size="18"></y-icon>
      <y-icon type="plus" :size="20"></y-icon>
      <y-icon type="eye" :size="22"></y-icon>
      <y-icon type="power" :size="24"></y-icon>
      <y-icon type="calendar" :size="26"></y-icon>
      <y-icon type="add" :size="28"></y-icon>
      <y-icon type="notice" :size="30"></y-icon>
    </p>
  </div>
</template>
